<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>猜歌游戏</title>
		<link rel="stylesheet" href="./css/reset.css">
		<link rel="stylesheet" href="./css/play.css">
		<link rel="shortcut icon" href="./images/ku.ico" type="image/x-icon">
	</head>
	<body>
		
		<div id="web">

			<!-- 加载页 -->
			<div id="loadPage">
				<img src="./images/star.png" alt="">
				<div class="earth">
					<img src="./images/earth.png" alt="">
				</div>
				<div class="protag">
					<img src="./images/protagonist.png" alt="">
				</div>
				<div class="arrow">
					<img src="./images/arrow.png" alt="">
				</div>				
				<div class="please">
					<img src="./images/pleaseWearEar.png" alt="">
				</div>
				<div class="loading">
					<p>Loading...<span></span></p>
				</div>
			</div>

			<!-- 开始首页 -->
			<div id="homePage">
				<img src="./images/index_bg.jpg" alt="">
				<div class="kugouLogo">
					<img src="./images/KuGouLog.png" alt="">
				</div>
				<div class="secguess">
					<img src="./images/index_625secguess.png" alt="">
				</div>
				<div class="mouth">
					<img src="./images/mouth.png" alt="">
					<img src="./images/whatSong.png" alt="">
				</div>	
				<div class="what">
					<img src="./images/what.png" alt="">
				</div>
				<!-- <div class="whatSong">
				</div> -->
				<div class="man">
					<img src="./images/sixQuery.png" alt="">
					<img src="./images/man_left.png" alt="">
					<img src="./images/man_right.png" alt="">
					<img class="what w1" src="./images/what.png" alt="">
					<img class="what w2" src="./images/what.png" alt="">
					<img class="what w3" src="./images/what.png" alt="">
					<img class="what w4" src="./images/what.png" alt="">
				</div>	
				<div class="startBtn">
					<img src="./images/index_start.png" alt="">
				</div>
			</div>

			<!-- 选项页 -->
			<div id="selectPage">
				<audio src="" controls autoplay loop="loop"></audio>
				<div class="samllM">
					<img src="./images/smallMouth.png" alt="">
					<span></span>
				</div>
				<div class="a">
					<img src="./images/selectA.png" alt="">
					<span></span>
				</div>		
				<div class="b">
					<img src="./images/selectB.png" alt="">
					<span></span>
				</div>		
				<div class="c">
					<img src="./images/selectC.png" alt="">
					<span></span>
				</div>
				<span style="display:none"></span>
			</div>

			<!-- 背景页1 -->
			<div id="bg1">
				<div class="circle">
						<div class="c1"></div>
						<div class="c2"></div>
						<div class="c3"></div>
						<div class="c4"></div>
						<div class="c5"></div>
				</div>
				<div class="moviePeople">
					<img src="./images/movieHitSongpeople.png" alt="">
				</div>
				<div class="movieSong">
					<img src="./images/movieHitSong.png" alt="">
				</div>
				<div class="cityWall">
					<img src="./images/movieHitSongCityWall.png" alt="">
				</div>
			</div>

			<!-- 背景2 -->
			<div id="bg2">
				<img src="./images/index_bg.jpg" alt="">
				<div class="lightearth">
					<img src="./images/lightearth.png" alt="">
				</div>
				<div class="somePic">
					<img src="./images/stage.png" alt="">
					<img src="./images/songer.png" alt="">
					<img src="./images/audienceLeft.png" alt="">
					<img src="./images/wow.png" alt="">
					<img src="./images/audienceRight.png" alt="">
					<img src="./images/wow2.png" alt="">
				</div>
			</div>
			
			<!-- 背景3 -->
			<div id="bg3">
				<div class="circle">
					<div class="c1"></div>
					<div class="c2"></div>
					<div class="c3"></div>
					<div class="c4"></div>
					<div class="c5"></div>
				</div>
				<div class="lightearth">
					<img src="./images/lightearth.png" alt="">
				</div>
				<div class="watchpeos">
					<img src="./images/watchpeos.png" alt="">
				</div>
				<div class="ban1">
					<img src="./images/sangBan1.png" alt="">
				</div>
				<div class="wall">
					<img src="./images/WCwalls.png" alt="">
				</div>
				<div class="jianMan">
					<img src="./images/jianfeizaode.png" alt="">
				</div>
				<div class="ban2">
					<img src="./images/sangBan2.png" alt="">
				</div>
				<div class="feizhao">
					<img src="./images/feiZhao.png" alt="">
				</div>	
			</div>

			<!-- 背景4 -->
			<div id="bg4">
				<div class="circle">
						<div class="c1"></div>
						<div class="c2"></div>
						<div class="c3"></div>
						<div class="c4"></div>
						<div class="c5"></div>
				</div>	
				<div class="lightearth">
						<img src="./images/lightearth.png" alt="">
				</div>
				<div class="car">
					<img src="./images/car.png" alt="">
				</div>
				<div class="hua">
					<img src="./images/hua.png" alt="">
				</div>
				<div class="yao">
					<img src="./images/threeYao.png" alt="">
				</div>
			</div>

			<!-- 背景5 -->
			<div id="bg5">
				<div class="circle">
						<div class="c1"></div>
						<div class="c2"></div>
						<div class="c3"></div>
						<div class="c4"></div>
						<div class="c5"></div>
				</div>	
				<div class="lightearth">
						<img src="./images/lightearth.png" alt="">
				</div>
				<div class="oldman">
					<img src="./images/oldman.png" alt="">
				</div>
				<div class="juhuaL">
					<img src="./images/juhualeft.png" alt="">
				</div>
				<div class="juhuaR">
					<img src="./images/juhuaright.png" alt="">
				</div>
			</div>

			<!-- 背景6 -->
			<div id="bg6">
				<img src="./images/manwoman_bg.png" alt="">
				<div class="wuman">
					<img src="./images/wuman.png" alt="">
				</div>
				<div class="boy">
					<img src="./images/man.png" alt="">
				</div>
				<div class="yongqi">
					<img src="./images/wogeiyou.png" alt="">
				</div>
			</div>

			<!-- 结束页 -->
			<div id="end">
				<img src="./images/user_bg.png" alt="">
				<div class="user">
					<img src="./images/userint.png" alt="">
					<img src="./images/touxinag.png" alt="">
					<span>咸猪脚</span>
				</div>
				<div class="logo">
					<img src="./images/KuGouLog.png" alt="">
				</div>
				<div class="huangjin">
					<img src="./images/huangjing.png" alt="">
				</div>
				<div class="info">
					<img src="./images/info.png" alt="">
					<p>猜中<span>&nbsp;&nbsp;</span>首</p>
				</div>
				<div class="text">
					<img src="./images/text.png" alt="">
					<p>菜鸡黄金!!!</p>
				</div>
				<div class="button1">
					<img src="./images/buttonleft.png" alt="">
					<span>再次挑战</span>
				</div>	
				<div class="button2">
					<img src="./images/buttonright.png" alt="">
					<span>分享朋友圈</span>
				</div>
				<div class="title">
					<img src="./images/paiming_title.png" alt="">
				</div>
				<div class="paiming">
					<img src="./images/paiming_bg.png" alt="">
					<img src="./images/huangjing.png" alt="">
				</div>

					<div class="front1">
						<p>点击有惊喜</p>
					</div>
					<div class="back1">
						<img src="./images/jx1.png" alt="">
					</div>
					<div class="front2">
						<p>点击有惊喜</p>
					</div>
					<div class="back2">
						<img src="./images/jx2.png" alt="">
					</div>
			</div>

			<!-- 惊喜图片1 -->
			<div id="jxPic1">
				
					<img src="./images/jxpic1.png" alt="">
				
			</div>
			<!-- 惊喜图片2 -->
			<div id="jxPic2">
				
					<img src="./images/jxpic2.png" alt="">
				
			</div>

			<!-- 分享页 -->
			<div id="share">
				<div class="yd">
					<img src="./images/yd.png" alt="">
				</div>
			</div>

		</div>

		<script src="./js/rem.js"></script>
		<script src="./js/jquery-2.1.0.js"></script>
		<script src="./js/preload.min.js"></script>
		<script src="./js/play.js"></script>
		
	</body>
</html>
